@import './variable.scss';
@import './img.scss';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-size: 16px;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.wrap {
  margin: 0 auto;
  width: 98%;
}

i,
span,
input,
label {
  vertical-align: middle;
}

.fl {
  float: left;
}

.font-ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fr {
  float: right;
}

.icon {
  $wh: 20px;
  display: inline-block;
  width: $wh;
  height: $wh;
  vertical-align: middle;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.clearfix:after {
  display: block;
  content: '';
  clear: both;
  overflow: hidden;
}

.line-top {
  line-height: 40px;

  .wrap {
    border-bottom: 1px solid $borderColor;
  }

  // background: rgb(206, 206, 206);

  .sort-label,
  .checkbox-list {
    display: inline-block;
  }

  .sort-label {
    vertical-align: middle;
  }

  .checkbox-list {
    margin: 0;
    padding: 0;

    >li {
      display: inline-block;
      margin-right: 8px;

      $inputWH: 14px;

      input,
      label {
        margin: 0;
        padding: 0;
      }

      input {
        width: $inputWH;
        height: $inputWH;
        background: none;
      }
    }
  }
}

.persional-box {
  position: relative;
  height: 100%;
  line-height: 30px;
  text-align: center;
  // justify-content: flex-start;
  background: #FCFCFC;

  .box {
    .line {
      margin: 10px 0;
      line-height: 20px;
    }

    .parts {
      display: inline-block;
      padding: 0 10px;
      border-right: 1px solid $borderColor;

      &:last-child {
        border-right: none;
      }
    }

    .adress {
      text-align: left;
    }
  }

  $boxLeftW:100px;

  .box-left {
    width: $boxLeftW;
    flex-direction: column;
    $portraitWH: 60px;

    .portrait {
      display: block;
      width: $portraitWH;
      height: $portraitWH;
      overflow: hidden;
      border-radius: 50%;
      background-color: #F6F9FD;
      border: 1px solid $borderColor;
      background-size: 80%;
    }

    .name {
      width: 70px;
    }
  }

  .box-center {
    margin-right: 20px;
    width:56%;
    border-right:2px solid #eee;

    .top-line {
      .adress {
        border-right-width: 0px;
      }

      .position {
        display: none;
      }

    }

    .bottom-line {
      justify-content: flex-start;

      .position {
        display: inline;
      }
    }
  }

  .box-right {
    padding: 10px 10px !important;
    width: 50%;
    max-height: 100%;
    text-align: left;
    line-height: 20px;

    li .parts{
      height:36px;
      line-height:36px;
    }
  }

  .update-time {
    $h: 28px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 160px;
    height: $h;
    line-height: $h;
    // background:red;
  }
}

 // "company_adress": "中国四川省成都市锦江区科技信息股份有限公司（中国总部）",